<!doctype html>
<html><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="font-awesome/css/font-awesome.css" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>酒店管理系统登录界面</title>
<link rel="stylesheet" href="css/login.css">
<!-- InstanceEndEditable -->
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/respond.min.js"></script>
<script type="text/javascript" src="js/html5shiv.js"></script>
<script type="text/javascript" src="js/style.js"></script>
<!-- InstanceBeginEditable name="head" -->
<script type="text/javascript" src="js/login.js"></script>
<!-- InstanceEndEditable -->
</head>
<body>
<!-- InstanceBeginEditable name="content" -->
<div class="main">
	<div class="container-fluid">
    	<div class="row">
        	<!--菜单-->
            <div class="main-nav clearfix">
            	<div class="container">
	            	<div class="navbar-brand"><strong style="font-size:25px">酒  店  管  理  系  统</strong></div>
		                <ul class="nav nav-tabs  navbar-right">
		                    <li class="active"><a href="#login-epm"  data-toggle="tab"><span>员工登录</span></a></li>
		                    <li><a href="#login-admin" data-toggle="tab"><span>管理员登录</span></a></li>
		                    <li><a href="#adminModal"  data-toggle="modal"><span>系统管理员登录</span></a></li>
		                    <li><a href="#registerModal"  data-toggle="modal"><span>注册</span></a></li>
		                </ul>
                </div>
            </div>
            <!--面板-->
            <div class="col-md-12 col-sm-12" id="main-content">
                <div class="tab-content">
                <!--员工登录-->
                    <div class="tab-pane fade in active" id="login-epm">  
                       <div class="login">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-6 col-sm-12 col-xs-12 login-hello">
                                        <h4>酒店管理系统</h4>
                                        <p>欢迎您,进入<i class="fa fa-star"></i>酒店管理系统。</p>
                                        <p>我们为您提供方便快捷的操作，有效地提高信息管理效</p>
                                        <p>率。今后会一直作为您忠实的伙伴，是您的不二选择。</p>
                                    </div>
                                    <div class="col-md-6 col-sm-12 col-xs-12">
                                        <div class="login-form">
                                            <h4>员工登录</h4>
                                            <form class="form">
                                                <div class="form-group">
                                                    <input type="text" class="form-control" placeholder="请输入登录名" id="login" name="login" required>
                                                </div>
                                                <div class="form-group">
                                                    <input type="password" class="form-control" placeholder="请输入密码" id="pwd" name="pwd" required>
                                                </div>
                                                <div class="form-group input-group">
                                                    <input type="text"  class="form-control" placeholder="点击图片，换一张"  name="randomC" id="randomC" required>
                                                    <div class="input-group-btn">
                                                       <buttton class="btn" id="yanzheng"><img onclick="javascript:refresh(this);" style="CURSOR: pointer" src="ImageServlet" alt="" width="80" height="30"/></buttton>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="checkbox">
                                                        <label>
                                                            <input type="checkbox" id="remember" name="remember">记住密码
                                                        </label>
                                                        
                                                    </div>
                                                </div>
                                                <div class="form-group text-center">
                                                    <button type="button" class="btn btn-success" onclick="javascript:staffLogin(0);">登录</button>
                                                </div>

                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                     </div><!--tab-pane END-->
                     <!--管理员登录-->
                    <div class="tab-pane fade" id="login-admin">
                       <div class="login">
                            <div class="container">
                                <div class="row">
                                    <div class="col-md-6 col-sm-12 col-xs-12 login-hello">
                                        <h4>酒店管理系统</h4>
                                        <p>欢迎您,进入<i class="fa fa-star"></i>酒店管理系统。</p>
                                        <p>我们为您提供方便快捷的操作，有效地提高信息管理效</p>
                                        <p>率。今后会一直作为您忠实的伙伴，是您的不二选择。</p>
                                    </div>
                                    <div class="col-md-6 col-sm-12 col-xs-12">
                                        <div class="login-form">
                                            <h4>管理员登录</h4>
                                            <form class="form">
                                                <div class="form-group">
                                                    <input type="text" class="form-control" placeholder="请输入登录名" id="alogin" name="alogin" required>
                                                </div>
                                                <div class="form-group">
                                                    <input type="password" class="form-control" placeholder="请输入密码" id="apwd" name="apwd" required>
                                                </div>
                                                <div class="form-group input-group">
                                                    <input type="text"  class="form-control" placeholder="点击图片，换一张"  name="arandomC" id="arandomC" required>
                                                    <div class="input-group-btn">
                                                       <buttton class="btn" id="yanzheng"><img onclick="javascript:refresh(this);" style="CURSOR: pointer" src="ImageServlet" alt="" width="80" height="30"/></buttton>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="checkbox">
                                                        <label>
                                                            <input type="checkbox"  id="aremember" name="aremember">记住密码
                                                        </label>
                                                        
                                                    </div>
                                                </div>
                                                <div class="form-group text-center">
                                                    <button type="button" class="btn btn-success" onclick="javascript:staffLogin(1);">登录</button>
                                                </div>

                                                
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!--tab-pane END-->
                </div>   
             </div><!--tab-content END-->
         </div>
	</div>
</div>
<!--注册弹框-->
<div class="modal fade" id="registerModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">注册</h4>
            </div>
            <div class="modal-body">
                <form class="form">
                	<div class="form-group input-group">
                        <span class="input-group-addon">
                            <i class="fa fa-user-o"></i>
                        </span>
                        <select class="form-control" id="staffType">
                        	<option value="0" selected>员工</option>
                        	<option value="1">管理员</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <!-- UserName -->
                        <input type="text" class="form-control" id="staffLogin" placeholder="请输入登录名" required>
                    </div>
                    <div class="form-group">
                        <!-- Telphone -->
                        <input type="tel" class="form-control" id="staffName" placeholder="请输入你的姓名" required>
                    </div>
                    <div class="form-group input-group">
                        <!-- Password -->
                        <input type="password" class="form-control" id="staffPwd" placeholder="请设置密码" required>
                         <span class="input-group-addon">
                            <i class="fa fa-key"></i>
                        </span>
                    </div>
                    <div class="form-group input-group">
                        <!-- Confirm Password  -->
                        <input type="password" class="form-control" id="staffPwd2" placeholder="请再次输入密码" required>
                         <span class="input-group-addon">
                            <i class="fa fa-key"></i>
                        </span>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
            	<button type="button" class="btn btn-primary" onclick="javascript:register();">注册</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<!--系统管理员登录弹框-->
<div class="modal fade" id="adminModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">登录</h4>
            </div>
            <div class="modal-body">
                <form class="form">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="请输入登录名" id="slogin" name="slogin" required>
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" placeholder="请输入密码" id="spwd" name="spwd" required>
                    </div>
                    <div class="form-group input-group">
                        <input type="text"  class="form-control" placeholder="点击图片，换一张"  name="srandomC" id="srandomC" required>
                        <div class="input-group-btn">
                           <buttton class="btn" id="yanzheng"><img onclick="javascript:refresh(this);" style="CURSOR: pointer" src="ImageServlet" alt="" width="80" height="30"/></buttton>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox"  id="sremember" name="sremember">记住密码
                            </label>
                            
                        </div>
                    </div>
                    <div class="form-group text-center">
                        <button type="button" class="btn btn-success" onclick="javascript:staffLogin(2);">登录</button>
                    </div>
                    
                </form>
            </div>
        </div>
    </div>
</div>
<!-- InstanceEndEditable -->
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel"></h4>
            </div>
            <div class="modal-body clearfix" id="myModalBody">
                
            </div>
            <div class="modal-footer" id="myModalFooter">
               
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
</div>
</body>
<!-- InstanceBeginEditable name="js" -->
<script type="text/javascript">
	$(function(){
		init();
	})
</script>
<!-- InstanceEndEditable -->
<!-- InstanceEnd --></html>

